* {
	margin: 0;
	padding: 0;
}
body {
	overflow-x: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 540px;
	min-width: 335px;
	background-color: #F2F2F2;
}
.search_index {
	display: flex;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 540px;
	min-width: 335px;
	width: 100%;
	height: 44px;
	background: linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.05));
}
.search_index span {
	flex: 1;
	margin: 8px 12px;
	padding-left: 35px;
	height: 28px;
	line-height: 28px;
	background-color: #FFFFFF;
	border-radius: 14px;
	color: #666666;
}
.search_index span::before {
	content: "";
	position: absolute;
	top: 8px;
	left:  25px;
	width: 35px;
	height: 28px;
	background: url(../imgs/home2x.png) no-repeat 0 6px;
	background-size: 21px;
}
.search_index a {
	width: 51px;
	height: 44px;
	text-align: center;
	margin: 25px 10px 0 0;
	font-size: 13px;
}
.search_index a::before {
	content: "";
	position: absolute;
	top: 0;
	right: 24px;
	width: 22px;
	height: 22px;
	background: url(../imgs/home2x.png) no-repeat 0 -37px;
	background-size: 22px;
}
.nav_bgi {
	display: flex;
	position: relative;
	z-index: -1;
	max-width: 540px;
	min-width: 335px;
	width: 100%;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}
.nav_bgi img {
	flex: 1;
	max-width: 540px;
	min-width: 335px;
}
nav {
	max-width: 540px;
	min-width: 335px;
	width: 96%;
	height: 64px;
	background-color: #FFFFFF;
	border-radius: 8px;
	margin: -52px auto 0 ;
}
nav ul {
	display: flex;
	max-width: 540px;
	min-width: 335px;
	width: 100%;
	height: 64px;
	list-style: none;
}
nav ul li {
	flex: 1;
}
nav ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	color: #000000;
}
nav ul li a span[class^=nav] {
	width: 40px;
	height: 40px;
	background: url(../imgs/home1-2x.png) no-repeat;
	background-size: 40px;
}
nav ul li a span[class$="logo2"] {
	background-position: 0 -40px;
}
nav ul li a span[class$="logo3"] {
	background-position: 0 -80px;
}
nav ul li a span[class$="logo4"] {
	background-position: 0 -120px;
}
nav ul li a span[class$="logo5"] {
	background-position: 0 -160px;
}
article {
	display: flex;
	flex-direction: column;
	max-width: 540px;
	min-width: 335px;
	width: 96%;
	height: 197px;
	border-radius: 8px;
	background-color: #FFFFFF;
	margin: 5px auto;
}
.article_top {
	flex: 1;
	display: flex;
	flex-direction: row;
	font-size: 14px;
}
.article_top a {
	color: #FFFFFF;
}
.article_top1 {
	flex: 1.3;
	display: flex;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items1.png) no-repeat bottom right;
	background-size: 73px;
	background-color: #FA6055;
	border-radius: 8px 0 0 0;
	text-align: left;
	padding-left: 14px;
}
.article_top2 {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items2.png) no-repeat bottom left;
	background-size: 37px;
	background-color: #FA6055;
}
.article_top3 {
	flex: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items3.png) no-repeat bottom right;
	background-color: #FFBF4A;
	background-size: 241px;
	border-radius: 0 8px 0 0;
}
.article_middle {
	flex: 1;
	display: flex;
	flex-direction: row;
	font-size: 14px;
}
.article_middle a {
	color: #FFFFFF;
}
.article_middle1 {
	flex: 1.31;
	display: flex;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items4.png) no-repeat bottom right;
	background-size: 73px;
	background-color: #51B0ED;
	text-align: left;
	padding-left: 14px;
}
.article_middle2 {
	flex: 1.01;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items5.png) no-repeat bottom left;
	background-size: 37px;
	background-color: #51B0ED;
}
.article_middle3 {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background-color: #51B0ED;
}
.article_middle4 {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background-color: #51B0ED;
}
.article_bottom {
	flex: 1;
	display: flex;
	flex-direction: row;
	font-size: 14px;
}
.article_bottom a {
	color: #FFFFFF;
}
.article_bottom1 {
	flex: 1.31;
	display: flex;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items6.png) no-repeat bottom right;
	background-size: 73px;
	background-color: #62D266;
	border-radius: 0 0 0 8px;
	text-align: left;
	padding-left: 14px;
}
.article_bottom2 {
	flex: 1.01;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background: url(../imgs/nav_items7.png) no-repeat bottom left;
	background-size: 37px;
	background-color: #62D266;
}
.article_bottom3 {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background-color: #62D266;
}
.article_bottom4 {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #FFFFFF;
	background-color: #62D266;
	border-radius: 0 0 8px 0;
}
.foot_logo {
	max-width: 540px;
	min-width: 335px;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
	width: 96%;
	height: 107px;
	list-style: none;
}
.foot_logo li {
	width: 20%;
}
.foot_logo li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 11px;
	color: #000000;
}
.foot_logo li a span[class^=foot_logo] {
	margin: 6px 0 4px 0;
	width: 28px;
	height: 28px;
	background: url(../imgs/foot_logo.png);
	background-size: 28px;
}
.foot_logo li a span[class$=logo2] {
	background-position: 0 -28px;
}
.foot_logo li a span[class$=logo3] {
	background-position: 0 -56px;
}
.foot_logo li a span[class$=logo4] {
	background-position: 0 -84px;
}
.foot_logo li a span[class$=logo5] {
	background-position: 0 -112px;
}
.foot_logo li a span[class$=logo6] {
	background-position: 0 -140px;
}
.foot_logo li a span[class$=logo7] {
	background-position: 0 -168px;
}
.foot_logo li a span[class$=logo8] {
	background-position: 0 -196px;
}
.foot_logo li a span[class$=logo9] {
	background-position: 0 -224px;
}
.foot_logo li a span[class$=logo10] {
	background-position: 0 -252px;
}
footer {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
	max-width: 540px;
	min-width: 335px;
	width: 100%;
	height: 124px;
}
.footer_top {
	display: flex;
	flex-direction: row;
	width: 540px;
	height: 60px;
	background-color: #FFFFFF;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}
.footer_top a {
	flex: 1;
}
.footer_top a {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	color: #000000;
	font-size: 12px;
}
.footer_top a .footer_top_logo1 {
	width: 21px;
	height: 21px;
	background-image: url(../imgs/phone2x.png);
}
.footer_top a .footer_top_logo2 {
	width: 21px;
	height: 21px;
	background: url(../imgs/download2x.png) no-repeat;
}
.footer_top a .footer_top_logo3 {
	width: 23px;
	height: 23px;
	background-image: url(../imgs/main2x.png);
}
.footer_middle {
	width: 540px;
	height: 24px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.footer_middle a {
	display: flex;
	flex-direction: row;
	font-size: 12px;
}
.footer_middle a .footer_m_logo {
	align-self: center;
	width: 11px;
	height: 11px;
	background: url(../imgs/footer_logo.png) no-repeat 0 -160px;
	background-size: 30px;
}
.footer_bottom {
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	font-size: 12px;
}
.footer_bottom span {
	margin: 0 5px;
}